body{margin: 0; padding: 0;}
a{text-decoration: none;}

.header{background-color: rgb(110, 110, 199);width: 100%;height: 50px;z-index: -999;}
.header img{width: 30px;height: 30px;margin-top: 10px;margin-left: 1400px;}
.header span{margin-left: 50px;line-height: 50%;}

.NO1{display: flex;}
.ranking{background-color: rgb(228, 46, 46);color: rgb(255, 255, 255);margin-top: 50px;height: 50px;width: 150px;
        line-height: 50px;text-align: center;font-size: 25px;margin-left: 100px;font: bold;}
.img{margin-top: 60px;margin-left: 20px;}
.img img{width: 30px;height: 30px;}

.navigation{display: flex;justify-content: space-between; height: 60px;background-color: rgb(129, 126, 126);width: 1200px;margin-left: 100px;margin-top: 50px;}
.navigation span{line-height: 60px;font-size: 20px;color: aliceblue;text-shadow: 5px;}
.navigation .s1{margin-left: 60px;}
.navigation .s3{margin-right: 100px;}

.detail{ display: flex;justify-content: space-between; width: 1200px;background-color: rgb(255, 255, 255);height: 100px;margin-left: 100px;border-bottom: 1px solid;}
.detail .ranking2{margin-left: 50px;text-align: center; width: 40px;height: 40px;border: 1px;color: aliceblue; border-radius: 50%;line-height: 40px;background-color: rgb(248, 189, 116);margin-top: 25px; font-size: 20px;}

.detail .commodity{width: 400px; height: 80px;margin-right: 100px;display: flex;justify-content: space-between;}
.detail .commodity .img{margin-top: 20px;}
.detail .commodity .img img{width: 60px;height: 60px;}
.detail .commodity .text{margin-top: 20px;color: rgb(165, 165, 159);}
.detail .purchase{margin-right: 120px;line-height: 100px;}

.detail .ranking3{margin-left: 50px;text-align: center; width: 40px;height: 40px;border: 1px;color: aliceblue; border-radius: 50%;line-height: 40px;background-color: rgb(146, 144, 142);margin-top: 25px; font-size: 20px;}
.detail .commodity .img2{margin-top: 20px;}
.detail .commodity .img2 img{width: 60px;height: 60px;}

.detail .ranking4{margin-left: 50px;text-align: center; width: 40px;height: 40px;border: 1px;color: aliceblue; border-radius: 50%;line-height: 40px;background-color: rgb(59, 59, 58);margin-top: 25px; font-size: 20px;}
.detail .commodity .img3{margin-top: 20px;}
.detail .commodity .img3 img{width: 60px;height: 60px;}

.detail .ranking5{margin-left: 50px;text-align: center; width: 40px;height: 40px;line-height: 40px;margin-top: 25px; font-size: 20px;}
.detail .ranking6{margin-left: 50px;text-align: center; width: 40px;height: 40px;line-height: 40px;margin-top: 25px; font-size: 20px;}

.page{ text-align: center;margin-top: 50px;margin-bottom: 50px;}
.page a{padding: 5px;border: 1px solid;margin: 10px;}
.page a:hover{color: red;}
